<template>
    <div class="bottom">
        <img src="@/assets/recommand.png" alt="">
        <div class="tup"> 
            <img src="@/assets/网易云音乐-01.png" alt="">
            <div class="wenz">打开APP，发现更多好音乐 ></div>
            <div class="wenb">网易公司版权所有©1997-2023   杭州乐读科技有限公司运营</div>
        </div>
    </div>
</template>
<style>
.bottom{
    position: relative;
}
.bottom img{
   height: 200px;
   width: 100%;
}
.bottom .tup{
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.bottom .tup img{
    width: 200px;
    height: 50px;
}
.bottom .tup .wenz{
    width: 300px;
    line-height: 38px;
    border: 1px solid #d33a31;
    border-radius: 38px;
    font-size: 7px;
    color: #d33a31;
    margin: 5px 37px 5px;
}
.bottom .tup .wenb{
    color: #888;
    font-size: 3px;
    line-height: 16px;
}
</style>